<script setup lang="ts">
  import { Position, Handle } from '@vue-flow/core'
  import { NodeResizer } from '@vue-flow/node-resizer'
  // props were passed from the slot using `v-bind="customNodeProps"`
  const props = defineProps<{
    data: any
    id: string
    type: string
    postion: any
  }>()

  console.log('props______', props)
</script>

<template>
  <div>
    <NodeResizer :min-height="30" />
    <Handle type="target" :position="Position.Left" />
    <div class="box">{{ data.label }}1</div>
    <Handle type="source" :position="Position.Bottom" />
  </div>
</template>
<style scoped lang="less">
  .box {
    background-color: rgba(129, 190, 197, 1);
    width: 120px;
    height: 40px;
    border: 0px solid grey;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
  }
</style>
